import * as echart from "echarts";
const LineXse = () => {
  const mychart = echart.init(document.getElementById("echarts2"));

  const option = {
    // title: {
    //   text: "Stacked Line",
    // },

    tooltip: {
      trigger: "axis",
    },
    legend: {
      data: [
        "顺丰快递",
        "邮政快递",
        "百事快递",
        "圆通快递",
        "中通快递",
        "申通快递",
        "韵达快递",
      ],
      textStyle: {
        color: "#fff",
      },
      top: 10,
    },
    grid: {
      left: "3%",
      top: "50%",
      right: "10%",
      bottom: "0%",
      containLabel: true,
    },
    // toolbox: {
    //   feature: {
    //     saveAsImage: {},
    //   },
    // },
    xAxis: {
      type: "category",
      boundaryGap: false,
      data: ["2022年8月", "2023年1月", "2023年8月"],
    },
    yAxis: {
      type: "value",
      splitLine: false,
    },

    series: [
      {
        lineStyle: {
          color: "yellow",
        },
        name: "顺丰快递",
        type: "line",
        // stack: "Total",
        data: [11220, 12332, 11401],
      },

      {
        lineStyle: { color: "red" },
        // smooth:0.5,
        name: "邮政快递",
        type: "line",
        // stack: "Total",
        data: [8210, 9232, 9301],
      },
      {
        lineStyle: { color: "#d233d1" },
        // smooth:0.5,
        name: "百事快递",
        type: "line",
        // stack: "Total",
        data: [8420, 932, 9101],
      },
      {
        lineStyle: { color: "#f3f2f1" },
        // smooth:0.5,
        name: "圆通快递",
        type: "line",
        // stack: "Total",
        data: [11820, 2932, 9401],
      },
      {
        lineStyle: { color: "#eee" },
        // smooth:0.5,
        name: "中通快递",
        type: "line",
        // stack: "Total",
        data: [8110, 9322, 1901],
      },
      {
        lineStyle: { color: "pick" },
        // smooth:0.5,
        name: "申通快递",
        type: "line",
        // stack: "Total",
        data: [1000, 7324, 9051],
      },
      {
        lineStyle: { color: "blue" },
        // smooth:0.5,
        name: "韵达快递",
        type: "line",
        // stack: "Total",
        data: [8120, 9332, 9013],
      },
    ],
  };
  mychart.setOption(option);
  window.addEventListener("resize", function () {
    mychart.resize();
  });
};

export default LineXse;
